<template>
  <dys-swiper :swiper-list="gridList"></dys-swiper>
  <dys-grid :list="gridList" body-style="margin: 32rpx"></dys-grid>
  <button class="activity" @click="handleClick">发起活动</button>
</template>
<script lang="ts" setup>
import DysGrid from "@/components/dys-grid/index.vue";
import DysSwiper from "@/components/dys-swiper/index.vue";
const gridList = [
  {
    title: "快乐星球",
    image: "http://127.0.0.1:3000/static/logo.png",
  },
  {
    title: "快乐星球",
    image: "http://127.0.0.1:3000/static/logo.png",
  },
  {
    title: "快乐星球",
    image: "http://127.0.0.1:3000/static/logo.png",
  },
  {
    title: "快乐星球",
    image: "http://127.0.0.1:3000/static/logo.png",
  },
  {
    title: "快乐星球",
    image: "http://127.0.0.1:3000/static/logo.png",
  },
  {
    title: "快乐星球",
    image: "http://127.0.0.1:3000/static/logo.png",
  },
  {
    title: "快乐星球",
    image: "http://127.0.0.1:3000/static/logo.png",
  },
  {
    title: "快乐星球",
    image: "http://127.0.0.1:3000/static/logo.png",
  },
  {
    title: "快乐星球",
    image: "http://127.0.0.1:3000/static/logo.png",
  },
];
const handleClick = () => {
  console.log("点击了");
  uni.navigateTo({
    url: "/pages/activity/index",
  });
};
</script>
<style scoped>
.activity {
  background: #ffa500;
  width: 600rpx;
  font-size: 28rpx;
  color: #ffffff;
}
</style>
